<%--
    Document   : index
    Created on : Jul 25, 2014, 8:40:25 AM
    Author     : Ku81
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>home</title>
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/style.css"/>
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
        <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            (function($){
                $(document).ready(function(){
                   
                });   
            })(jQuery);
            
        </script>
    </head>
    <body>
        <div id="wrapper">
            <div class="container">
                <div class="row">
                    <div id="header" class="col-xs-12">
                        <div id="logo" class="col-xs-2 col-xs-offset-1">
                            <img src="images/logo.png">
                        </div>
                        <div id="navigation" class="col-xs-7 col-xs-offset-2">
                            <ul>
                                <li><a href="index.jsp" class="hover">Trang chủ</a></li>
                                <li><a href="project.jsp" class="hover"> Dự án</a></li>
                                <li><a href="news.jsp" class="hover"> Tin tức</a></li>
                                <li><a href="contact.jsp" class="hover"> Liên hệ</a></li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Đăng nhập</a>
                                    <ul class="dropdown-menu dropdow-user">
                                        <li>
                                            <form>
                                                <div class="form-group">
                                                    <label>Tên đăng nhập</label>
                                                    <input type="text" name="username" required="required">
                                                </div>
                                                <div class="form-group">
                                                    <label>Mật khẩu</label>
                                                    <input type="password" name="password" required="required">
                                                </div>
                                                <div class="form-group">
                                                    <button class="btn btn-primary" type="submit" name="login" >Đăng nhập</button>
                                                    <button class="btn btn-primary" type="submit" name="logout" > Đăng xuất</button>
                                                </div>
                                            </form>
                                        </li>
                                        <li class="divider"></li>
                                        <li><a href="registration.jsp"> Đăng ký</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="banner">
            <div class="col-xs-12">
                <ul>
                    <li><img src="images/banner_bg.jpg" class="img-responsive"></li>
                </ul>
            </div>
        </div>
        <div id="conntain">
            <div class="top-bottom"></div>
            <div id="bg_contain">
                <div class="container">
                    <div class="row">
                        <h2>Các thành viên nhóm chúng tôi</h2>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div  class="col-xs-3 infomation" >
                            <a href="#" ><img src="images/sao1.jpg" class="img-circle" ></a>
                            <h4>Nguyễn Văn A</h4>
                        </div>
                        <div class="col-xs-3 infomation">
                            <img src="images/sao2.jpg" class="img-circle">
                            <h4>Nguyễn Văn B</h4>
                        </div>
                        <div class="col-xs-3 infomation">
                            <img src="images/sao3.jpg" class="img-circle">
                            <h4>Nguyễn Văn C</h4>
                        </div>
                        <div class="col-xs-3 infomation">
                            <img src="images/sao4.jpg" class="img-circle">
                            <h4>Nguyễn Văn D</h4>
                        </div>
                    </div>
                </div>
            </div>
            <div class="top-bottom"></div>
        </div>
        <div id="footer">
            <div class="container">
                <div class="row"> 
                   Được thực hiện bởi nhóm LUD
                </div>
            </div>
        </div>
    </body>
</html>
